﻿<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8" />
    <!--width – // viewport 的宽度 （范围从 200 到 10,000，默认为 980 像素）-->
    <!--height – // viewport 的高度 （范围从 223 到 10,000 ）-->
    <!--initial-scale – // 初始的缩放比例 （范围从 > 0 到 10 -->
    <!--minimum-scale – // 允许用户缩放到的最小比例-->
    <!--maximum-scale – // 允许用户缩放到的最大比例-->
    <!--user-scalable – // 用户是否可以手动缩放 (no，yes)-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <!--网站开启对 web app 程序的支持。如果是apple-mobile-web-app-capable 就是苹果设备-->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--改变顶部状态条的颜色,默认为白色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>语音导览</title>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
    <link href="../../assets/css/iss_view_auto.css" rel="stylesheet" type="text/css" />
    <title></title>
</head>
<body style="height: 100%; width: 100%; overflow: hidden;">
    <!--右侧滑动菜单栏-->
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <!--右侧滑动菜单栏结束-->
    <!--播放图片-->
    <div style="position: absolute; left: -1000px;">
        <img alt="" src="../../../Images/audio/Play.gif">
    </div>
    <!--播放图片结束-->
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed">
                <!--背景要设置在class="page"后面，因为page会修改background属性-->
                <div id="audio_page" data-page="audioDetail" class="page info-list" style="background: #E6F0FF url(../../../Images/audio/BackGround_WJT.jpg) no-repeat top left;
                    background-size: cover; height: 100%; overflow: visible;">
                    <!-- navbar 开始,标题头-->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" class="link" data-href="audio.html" data-action="back"><i class="icon icon-back">
                                </i><span>返回</span></a></div>
                            <div class="center">
                                景点语音导览列表
                            </div>
                        </div>
                    </div>
                    <!-- navbar 结束 -->
                    <!--page content 开始-->
                    <div class="page-content">
                        <article class="w640">
                            <div class="main">
                                <div class="detail-box" style="overflow: auto;-webkit-overflow-scrolling: touch;">
					                    <iframe id="scenery-news-content" name="frame1" style="width:100%;height:100%;border:0;"></iframe>
					                    <a href="javascript:;" class="close" style="position:fixed;">
						                    <span></span>
					                    </a>
				                </div>	
                                <audio id="audio-control" src="">您的浏览器不支持语音播放。</audio>
                                <div id="mywrapper" class="content">
                                    <script id="template_Audio_Scenic" type="text/template7">
                                        <div class="tabs fn-clear">
                                            {{#each datas}} 
                                                <a href="javascript:;" class=""><span class="arrow_box">{{ScenicName}}<i></i></span></a>
					                        {{/each}}
                                        </div>
					                    <div class="" style="height: 20px;"></div>
					                    <div class="swiper-container fn-clear">
                                            <div class="swiper-wrapper">
                                                {{#each datas}} 
                                                    <div class="swiper-slide">
									                    <div class="album-cont">
										                    <div class="album-top">
											                    <a href="javascript:;" class="pic">
												                    <img id="{{ScenicId}}"  src="{{ScenicImgUrl}}">
											                    </a>
												                <a href="javascript:;" class="play-but" audio="{{ScenicAudioUrl}}">
													                <span id="{{ScenicId}}" style="margin:0px;"></span>
												                </a>
										                    </div>
										                    <div class="album-bot">
											                    <p class="text padding-t-20" style="font-size:20px;">
												                    <strong>{{ScenicName}}</strong>
												                    {{ScenicName}}
											                    </p>
										                    </div>
									                    </div>
								                    </div>
                                                {{/each}} 
                                            </div>
                                        </div>
					                    <div class="pagination">
                                            {{#each datas}} 
                                            <span class="swiper-pagination-switch"></span>
                                            {{/each}}
                                        </div>
                                    </script>
                                </div>
                            </div>
                        </article>
                    </div>
                    <!--page content 结束-->
                </div>
            </div>
        </div>
    </div>
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- Third -->
    <script type="text/javascript" src="../../assets/third/swiper/idangerous.swiper-2.1.min.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_audio.js?time=20171213174312"></script>
</body>
</html>
